<!DCOTYPE html>
<html lang="zh-CN">
  <head>
    <title>blog index</title>
    <meta charset="utf-8"/>
    <link rel="stylesheet" href="common.css" type="text/css"
    media="all" />
    <link rel="stylesheet" href="blog.css" type="text/css" media="all"
    />

  </head>
  <body>
    <div id="container">
      <!-- header -->
      <div id="header">
        <div id="title">
          <h2>hackrole's home</h2>
          <span>去往何方</span>
        </div>
        <div id="site-search-div">
          <input type="text" id="site-search-input" value="搜索"/>
        </div>
      </div>
      <!-- /header -->

      <!-- content -->
      <div id="content">
        <div id="content-title">
          <ul>
              <li>首页</li>
              <li>关于</li>
              <li>联系我们</li>
              <li>资源</li>
          </ul>
        </div>
        

        <div id="main">
         <div>
           <h2 style="margin:40px auto auto auto;text-align:center;">如果你有什么意见或建议,欢迎你的来信</h2>
         </div>
         <table>
           <tr>
             <th>
               <label for="id_name">Name:</label>
             </th>
             <td>
               <input id="id_name" type="text" name="name"
               maxlength="10"/>
           </tr>
           <tr>
             <th>
               <label for="id_email">Email:</label>
             </th>
             <td>
               <input id="id_email" type="text" name="email"/>
             </td>
           </tr>
           <tr>
             <th>
               <label for="id_website">Website:</label>
             </th>
             <td><input id="id_website" type="text" name="website" maxlength="200" />
             </td>
           </tr>
           <tr>
             <th>
               <label for="id_qq">Qq:</label>
             </th>
             <td>
               <input id="id_qq" type="text" name="qq" maxlength="12"/>
             </td>
           </tr>
           <tr>
             <th>
               <label for="id_content">Content:</label>
             </th>
             <td>
               <textarea id="id_content" rows="6" cols="50"
               name="content"></textarea>
             </td>
           </tr>
           <tr>
             <th>
               <label for="id_if_accept_email">If accept
               email:</label>
             </th>
             <td>
               <input type="checkbox" name="if_accept_email"
               id="id_if_accept_email"/>
             </td>
           </tr>
           <tr>
             <th>&nbsp;</th>
             <td><input type="submit" value="提交反馈"/></td>
           </tr>
         </table>
         <hr/>
         <div>
           <h2 style="text-align:center;margin-top:20px;">意见反馈历史：
           </h2>
           <ul>
             <li>
               <div class="contact-history">
                 <p>name:hackrole</p>
                 <p>email:daipeng123456@gamilc.com</p>
                 <p>website:github.com</p>
                 <p>内容bjaksjfalksjkddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</p>
               </div>
             </li>
             <li>
               <div class="contact-history">
                 <p>name:hackrole</p>
                 <p>email:daipeng123456@gamilc.com</p>
                 <p>website:github.com</p>
                 <p>内容bjaksjfalksjkddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</p>
               </div>
             </li>
           </ul>
         </div>
        </div>
        <div id="sidebar">
          <div id="cate">
            <h4>文章分类</h4>
            <ol>
              <li>emacs</li>
              <li>vim</li>
              <li>django</li>
              <li>python</li>
              <li>ruby</li>
            </ol>
          </div>
          <div id="cate">
            <h4>Tag分类</h4>
            <ol>
              <li>emacs</li>
              <li>vim</li>
              <li>django</li>
              <li>python</li>
              <li>ruby</li>
            </ol>
          </div>
          <div id="cate">
            <h4>热门评论</h4>
            <ol>
              <li>emacs</li>
              <li>vim</li>
              <li>django</li>
              <li>python</li>
              <li>ruby</li>
            </ol>
          </div>
          <div id="cate">
            <h4>评论最多</h4>
            <ol>
              <li>emacs</li>
              <li>vim</li>
              <li>django</li>
              <li>python</li>
              <li>ruby</li>
            </ol>
          </div>
          <div id="cate">
            <h4>近期更新</h4>
            <ol>
              <li>emacs</li>
              <li>vim</li>
              <li>django</li>
              <li>python</li>
              <li>ruby</li>
            </ol>
          </div>
        </div>
      </div>
      <!-- /content -->
      <div id="foot">
        <div id="about">
          <span>关于我们</span>
          <span>联系我们</span>
          <span>emacser</span>
        </div>
        

      </div>
    </div>
    

  </body>
</html>

